page{
	// background-color: #f5f6f7;
}
.main-img{
	width: 100%;
	height: 422rpx;
	// position: relative;
	image{
		width: 100%;
		height: 100%;
	}
}
// .main-img::after { 
// 	display:block; 
// 	position: absolute;
// 	bottom: 0;
// 	content:"";
// 	width: 100%;
// 	height:20rpx;
// 	background-color:#FFFFFF; 
// 	background-size:10px 20px; 
// 	background-image:linear-gradient(45deg, #f1f1f1 25%, transparent 25%, transparent), 
// 					linear-gradient(-45deg, #f1f1f1 25%, transparent 25%, transparent), 
// 					linear-gradient(45deg, transparent 75%, #f1f1f1 75%), linear-gradient(-45deg, transparent 75%, #f1f1f1 75%); 
// }


.box{
	width: 90%;
	padding: 20rpx 5%;
	background-color: #FFFFFF;
	.boxer{
		border-bottom: 1rpx solid #D8D8D8;
		padding: 20rpx 0 30rpx 0;
		.title{
			color: #212121;
			font-size: 36rpx;
			font-weight: bold;
			margin: 20rpx 0;
		}
		.title2{
			font-size: 28rpx;
			color: #666666;
			margin: 10rpx 0;
			.dian{
				display: inline-block;
				width: 10rpx;
				height: 10rpx;
				background-color: #3ADEB3;
				border-radius: 50%;
				margin-right: 20rpx;
			}
		}
	}
	
}

.foot{
	position: fixed;
	bottom: 0;
	width: 90%;
	padding: 20rpx 5%;
	height: 80rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 -6rpx 10rpx  #DEE2E5;
	z-index: 999;
	background-color: #FFFFFF;
	.left{
		color: #999999;
		font-size: 24rpx;
		.rmb{
			color: #FF3980;
			margin-left: 10rpx;
		}
		.price{
			font-size: 42rpx;
			margin-left: 10rpx;
			color: #FF3980;
		}
	}
	.right{
		width: 360rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background-color: #FE4392;
		border-radius: 48rpx;
		color: #FFFFFF;
	}
	.righter{
		width: 360rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background-color: #eeeeee;
		color: #999999;
		border-radius: 48rpx;
	}
}